/* 图标 */
.iconfont {
	font-family: iconfont;
}
.b-s{
	/* #ifndef APP-NVUE */
	box-sizing: border-box;
	/* #endif */
}
/* #ifndef APP-NVUE */
view {
	font-size: 28rpx;
}
.filter-gray-0 {
	filter: grayscale(0);
}

.filter-gray-0-1 {
	filter: grayscale(0.8);
}

.filter-gray-0 {
	filter: grayscale(1);
}
/* #endif */
.view,
.text {
	font-size: 28rpx;
	line-height: 1.8;
	color: #0E151D;
}
.wordbreakall{
	/* #ifndef APP-NVUE */
	word-break: break-all;
	/* #endif */
}
/* 宽度 */
.w-100 {
	width: 750rpx;
}

.row {
	margin-right: -20rpx;
	margin-left: -20rpx;
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	flex-wrap: wrap;
	flex-direction: row;
}
/* flex 布局 */
.flex {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
}

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.j-start {
	justify-content: flex-start;
}

.j-end {
	justify-content: flex-end;
}

.j-sb {
	justify-content: space-between;
}

.j-around {
	justify-content: space-around;
}

.j-center {
	justify-content: center;
}

.a-center {
	align-items: center;
}

.a-stretch {
	align-items: stretch;
}

.a-start {
	align-items: flex-start;
}

.a-end {
	align-items: flex-end;
}

/* #ifndef APP-PLUS-NVUE */
.content-start {
	align-content: flex-start;
}

.content-end {
	align-content: flex-end;
}

.content-center {
	align-content: center;
}

.content-between {
	align-content: space-between;
}

.content-around {
	align-content: space-around;
}

.content-stretch {
	align-content: stretch;
}

/* #endif */
.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2;
}

.flex-3 {
	flex: 3;
}

.flex-4 {
	flex: 4;
}

.flex-5 {
	flex: 5;
}

/* #ifndef APP-PLUS-NVUE */
.flex-shrink {
	flex-shrink: 0;
}

/* #endif */

.container {
	padding-right: 20rpx;
	padding-left: 20rpx;
}

.iconMenu{
	width: 40rpx;
	height: 40rpx;
	margin-top: 5rpx;
}

.h1 {
	font-size: 80upx;
	line-height: 1.8;
}

.h2 {
	font-size: 60upx;
	line-height: 1.8;
}

.h3 {
	font-size: 45upx;
	line-height: 1.8;
}

.h4 {
	font-size: 32upx;
	line-height: 1.8;
}

.h5 {
	font-size: 30upx;
	line-height: 1.8;
}

.h6 {
	font-size: 28upx;
	line-height: 1.8;
}

/* 文字间距 */
.text-space-1 {
	/* #ifndef APP-PLUS-NVUE */
	letter-spacing: 1px;
	/* #endif */
}

.text-space {
	/* #ifndef APP-PLUS-NVUE */
	letter-spacing: 2px;
	/* #endif */
}

/* 文字划线 */
.text-through {
	text-decoration: line-through;
}

/* 文字对齐 */
.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

/* 文字换行溢出处理 */
.text-ellipsis {
	/* #ifndef APP-PLUS-NVUE */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* #endif */
	/* #ifdef APP-PLUS-NVUE */
	lines: 1;
	text-overflow: ellipsis;
	/* #endif */
}

/* 文字粗细和斜体 */
.font-weight-light {
	font-weight: 300;
}

/*细*/
.font-weight-lighter {
	font-weight: 100;
}

/*更细*/
.font-weight-normal {
	font-weight: 400;
}

/*正常*/
.font-weight-normals {
	font-weight: 500;
}

/*正常*/
.font-weight-600 {
	font-weight: 600;
}

/*正常*/
.font-weight-bold {
	font-weight: 700;
}

.font-weight-800 {
	font-weight: 800;
}

/*粗*/
.font-weight-bolder {
	font-weight: bold;
}

/*斜体*/
.font-italic {
	font-style: italic;
}

/* 边框 */
.border {
	border-style: solid;
	border-color: #dee2e6;
}

.border-top {
	border-top-width: 1rpx!important;
	border-top-style: solid!important;
	border-top-color: #dee2e6!important;
}

.border-right {
	border-right-width: 1rpx;
	border-right-style: solid;
	border-right-color: #dee2e6;
}

.border-bottom {
	border-bottom-width: 1rpx;
	border-bottom-style: solid;
	border-bottom-color: rgba(214, 217, 220, 0.5);
}

.border-bottom-rgba {
	border-bottom-width: 1rpx;
	border-bottom-style: solid;
	border-bottom-color: rgba(207, 206, 209, 0.38);
}

.border-left {
	border-left-width: 1rpx;
	border-left-style: solid;
	border-left-color: #eaeef1;
}

.border-0 {
	border-width: 0 !important;
}

.border-top-0 {
	border-top-width: 0 !important;
}

.border-right-0 {
	border-right-width: 0 !important;
}

.border-bottom-0 {
	border-bottom-width: 0 !important;
}

.border-left-0 {
	border-left-width: 0 !important;
}

.border-primary {
	border-color: #007bff;
}

.border-secondary {
	border-color: #6c757d;
}

.border-light-secondary {
	border-color: #E9E8E5;
}

.border-success {
	border-color: #28a745;
}

.border-info {
	border-color: #17a2b8;
}

.border-warning {
	border-color: #ffc107;
}

.border-danger {
	border-color: #dc3545;
}

.border-light {
	border-color: #f8f9fa;
}

.border-dark {
	border-color: #343a40;
}

.border-white {
	border-color: #FFFFFF;
}

/* 显示 */
/* #ifndef APP-PLUS-NVUE */
.d-none {
	display: none;
}

.d-inline-block {
	display: inline-block;
}

.d-block {
	display: block;
}

/* #endif */
/* 内容溢出 */
.overflow-hidden {
	overflow: hidden;
}

/* 定位 - 固定顶部 */
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

/* 定位 - 固定底部 */
.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

.top-0 {
	top: 0;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}

.bottom-0 {
	bottom: 0;
}

/* 文本溢出隐藏 */
.uni-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	/* #ifndef APP-NVUE */
	white-space: nowrap;
	/* #endif */
}
/* 1. 页面背景色 */
.page {
	/* #ifndef APP-PLUS-NVUE */
	min-height: 100%;
	height: auto;
	/* #endif */
	/* #ifdef APP-PLUS-NVUE */
	flex: 1;
	/* #endif */
}

/* 2. 主背景色 */
.main-bg-color {
	background-color: #f1f6f8;
}

/* 3. 主文字色 */
.main-text-color {
	color: #333333;
}

/* 4. 次文字色 */
.minor-text-color {
	color: #999999;
}

/* 5. 提示文字色 */
.hint-text-color {
	color: #CFCED1;
}

/* 6. 链接文字色 */
.href-text-color {
	color: #6BABFF;
}

/* 6. 点击后的颜色 */
.hover-text-color {
	color: #A790F8;
}

/* 6. 金币颜色 */
.money-text-color {
	color: #FEA54B;
}

/* 距离导航栏高度 */
.fiexed-menu-top {
	/* #ifdef APP-PLUS */
	top: 66px;
	/* #endif */
	/* #ifdef H5 */
	top: 44px;
	/* #endif */
}

/* .uni-input-placeholder,
.uni-input-wrapper{
	padding: 0 10px;
}
.u-input__textarea{
	padding: 5px 10px; 
} */

/* 定位  NVUE不支持百分比*/
.position-absolute {
	position: absolute !important;
}

.position-fixed {
	position: fixed !important;
}

.position-relative {
	position: relative !important;
}
.position-sticky{
	position: sticky !important;
}
.left-0 {
	left: 0 !important;
}

.top-0 {
	top: 0 !important;
}

.top3 {
	top: 3% !important;
}

.top5 {
	top: 5% !important;
}

.top10 {
	top: 10% !important;
}

.top40 {
	top: 40% !important;
}

.top50 {
	top: 50% !important;
}

.top-5 {
	top: 5px !important;
}

.top-10 {
	top: 10px !important;
}

.top-15 {
	top: 15px !important;
}
.top-18 {
	top: 18px !important;
}
.top-20 {
	top: 20px !important;
}

.bottom-0 {
	bottom: 0 !important;
}

.right-0 {
	right: 0 !important;
}

.right-5 {
	right: 5px !important;
}

.right-8 {
	right: 8px !important;
}

.right-10 {
	right: 10px !important;
}
.right-15 {
	right: 15px !important;
}
.right-20 {
	right: 20px !important;
}

.right-25 {
	right: 25px !important;
}

/* #ifndef APP-NVUE */
.left5 {
	left: 5% !important;
}

.left10 {
	left: 10% !important;
}

.left50 {
	left: 50% !important;
}
.left75 {
	left: 75% !important;
}

/* #endif */
.left-0 {
	left: 0 !important;
}

.left-5 {
	left: 5px !important;
}

.left-10 {
	left: 10px !important;
}

.left-15 {
	left: 15px !important;
}

.left-20 {
	left: 20px !important;
}

.bottom-0 {
	bottom: 0 !important;
}
.bottom-10 {
	bottom: 10px !important;
}
/* #ifndef APP-NVUE */
.bottom2 {
	bottom: 2% !important;
}

.bottom3 {
	bottom: 3% !important;
}

.right5 {
	right: 5% !important;
}

/* #endif */
.right-0 {
	right: 0 !important;
}

.right-5 {
	right: 5px !important;
}

.right-8 {
	right: 8px !important;
}

.right-10 {
	right: 10px !important;
}

.right-20 {
	right: 20px !important;
}

.right-25 {
	right: 25px !important;
}

.line-through {
	text-decoration: line-through;
}


/*  -- 栅格布局 -- */
.row {
	flex-direction: row !important;
	flex-wrap: wrap !important;
}

.col-1 {
	width: 62.5px !important;
}

.col-2 {
	width: 125px !important;
}

.col-3 {
	width: 187.5px !important;
}

.col-4 {
	width: 250px !important;
}

.col-5 {
	width: 312.5px !important;
}

.col-6 {
	width: 375px !important;
}

.col-7 {
	width: 437.5px !important;
}

.col-8 {
	width: 500px !important;
}

.col-9 {
	width: 562.5px !important;
}

.col-10 {
	width: 625px !important;
}

.col-11 {
	width: 687.5px !important;
}

.col-12 {
	width: 750px !important;
}

.flex-1 {
	flex: 1 !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-row {
	flex-direction: row !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.j-start {
	justify-content: flex-start !important;
}

.j-center {
	justify-content: center !important;
}

.j-end {
	justify-content: flex-end !important;
}

.j-sb {
	justify-content: space-between !important;
}

.a-center {
	align-items: center !important;
}

.a-start {
	align-items: flex-start !important;
}

.a-end {
	align-items: flex-end !important;
}

.a-stretch {
	align-items: stretch !important;
}

.border-black {
	border-color: #000000 !important;
}
.border-black2 {
	border-color: #232D2F !important;
}
.border-black3 {
	border-color: #28363A !important;
}
.border-black4 {
	border-color: #999999 !important;
}
.border-primary {
	border-color: #007bff !important;
}

.border-secondary {
	border-color: #6c757d !important;
}

.border-success {
	border-color: #28a745 !important;
}

.border-green {
	border-color: #39b54a !important;
}

.border-danger {
	border-color: #dc3545 !important;
}

.border-orange {
	border-color: #f37b1d !important;
}
.border-orange2 {
	border-color: #FCDA98 !important;
}
.border-orangedeep {
	border-color: #f95b0f !important;
}

.border-warning {
	border-color: #ffc107 !important;
}

.border-lightorange {
	border-color: #fff6e3 !important;
}

.border-info {
	border-color: #17a2b8 !important;
}

.border-light {
	border-color: #f8f9fa !important;
}

.border-light2 {
	border-color: #F5F5F5 !important;
}

.border-light3 {
	border-color: #F5F6FA !important;
}

.border-light4 {
	border-color: #F1F1F1 !important;
}
.border-light5 {
	border-color: #F7F7F7 !important;
}

.border-dark {
	border-color: #343a40 !important;
}

.border-dark2 {
	border-color: #9D9D9D !important;
}

.border-lightdark {
	border-color: #989eb4 !important;
}

.border-muted {
	border-color: #808080 !important;
}

.border-lightmuted {
	border-color: #B2B2B2 !important;
}

.border-white {
	border-color: #ffffff !important;
}

.border-borderColor {
	border-color: #dee2e6 !important;
}

.border-blue {
	border-color: #4BF1DB !important;
}

.border-blue2 {
	border-color: #5ab6d0 !important;
}
.border-blue3 {
	border-color: #62DCFA !important;
}
.border-blue4 {
	border-color: #387B8C !important;
}
.border-blue5 {
	border-color: #1D5A68 !important;
}
.border-blue6 {
	border-color: #50C6E2 !important;
}
.border-blue7{
	border-color: #1F6575 !important;
}
.border-blue8{
	border-color: #237A8E !important;
}
.border-blue9{
	border-color: #109ABC !important;
}
.border-blue10{
	border-color: #50e8de !important;
}
.border-blueShadow {
	border-color: #cfe6ff !important;
}

.border-bluelight {
	border-color: #e5f7fe !important;
}

.border-bluelight2 {
	border-color: #f0f8ff !important;
}

.border-deepblue {
	border-color: #187792 !important;
}

.border-pink {
	border-color: #e03997 !important;
}
.border-pink2 {
	border-color: #FF4D76 !important;
}

/* nvue不支持rgba */
.bg-Friday {
	background-image: linear-gradient(to right, #83a4d4, #9fdce0);
}

.bg-Friday2 {
	background-image: linear-gradient(to right, #83a4d4, #88b4b7);
}

.bg-Jonquil {
	background-image: linear-gradient(to right, #ffeeee, #ddefbb);
}

.overHideText {
	lines: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 文本溢出显示省略号 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	/* #ifndef APP-NVUE */
	white-space: nowrap;
	/* #endif */
}

/* 阴影 */
.shadow-none {
	box-shadow: none !important;
}

.white-shsdow{
	box-shadow: 0px 1px 0px #F7F7F7;
}
.black-shsdow{
	box-shadow: 0px 1px 0px #303133;
}

.shadow-sm {
	box-shadow: 0 2rpx 4rpx rgba(114, 130, 138, 0.2) !important;
}

.shadow {
	box-shadow: 0 8rpx 16rpx rgba(114, 130, 138, 0.2) !important;
}

.shadow-lg {
	box-shadow: 0 16rpx 48rpx rgba(114, 130, 138, 0.2) !important;
}

.shadow-big {
	box-shadow: 0 10rpx 64rpx rgba(0, 0, 0, 0.4) !important;
}
.shadow-light{
	box-shadow: 0px 2px 5px rgba(0, 17, 51, 0.1);
}
.shadow-light2{
	box-shadow: 0px 2px 5px rgba(0, 17, 51, 0.2);
}
.shadow-light3{
	box-shadow: 0px 0px 8px rgba(0, 17, 51, 0.1);
}
.shadow-black{
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
}
.shadow-black2{
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.shadow-black3{
	box-shadow:  0px 0px 8px rgba(0,17,51,0.1);
}
/* 定位 */

/* 宽高 */
.w-100 {
	/* #ifdef APP-NVUE */
	width: 750px !important;
	/* #endif */
	/* #ifndef APP-NVUE */
	width: 100% !important;
	/* #endif */
}

.w-90 {
	width: 90% !important;
}

.w-80 {
	width: 80% !important;
}

.w-70 {
	width: 70% !important;
}

.w-60 {
	width: 60% !important;
}
.w-50 {
	/* #ifdef APP-NVUE */
	width: 375px !important;
	/* #endif */
	/* #ifndef APP-NVUE */
	width: 50% !important;
	/* #endif */
}
.w-40 {
	width: 40% !important;
}
.w-45 {
	width: 45% !important;
}
.w-30 {
	width: 30% !important;
}
.w-33 {
	width: 33% !important;
}

.w-25 {
	width: 25% !important;
}
.w-20 {
	width: 20% !important;
}
.w-18 {
	/* #ifndef APP-NVUE */
	width: 18% !important;
	/* #endif */
}
.w-10 {
	width: 10% !important;
}
.w-item10 {
	width: 10rpx;
}

.w-item20 {
	width: 20rpx;
}

.w-item30 {
	width: 30rpx;
}

.w-item40 {
	width: 40rpx;
}

.w-item50 {
	width: 50rpx;
}

.w-item60 {
	width: 60rpx;
}

.w-item70 {
	width: 70rpx;
}

.w-item80 {
	width: 80rpx;
}

.w-item90 {
	width: 90rpx;
}

.w-item100 {
	width: 100rpx;
}

.h-100 {
	/* #ifndef APP-NVUE */
	height: 100%;
	/* #endif */
	/* #ifdef APP-NVUE */
	height: 1250px !important;
	/* #endif */
}

.h-80 {
	/* #ifndef APP-NVUE */
	height: 80%;
	/* #endif */
}

.h-70 {
	/* #ifndef APP-NVUE */
	height: 70%;
	/* #endif */
}

.h-50 {
	/* #ifndef APP-NVUE */
	height: 50%;
	/* #endif */
	/* #ifdef APP-NVUE */
	height: 625px !important;
	/* #endif */
}

.h-40 {
	/* #ifndef APP-NVUE */
	height: 40%;
	/* #endif */
}

.h-30 {
	/* #ifndef APP-NVUE */
	height: 30%;
	/* #endif */
}

.h-25 {
	/* #ifndef APP-NVUE */
	height: 25%;
	/* #endif */
}

.h-18 {
	/* #ifndef APP-NVUE */
	height: 18%;
	/* #endif */
}

.h-10 {
	/* #ifndef APP-NVUE */
	height: 10%;
	/* #endif */
}

.hight-50 {
	height: 1000rpx;
}

.hight-40 {
	height: 800rpx;
}

.hight-30 {
	height: 600rpx;
}

.hight-25 {
	height: 500rpx;
}

.hight-20 {
	height: 400rpx;
}

.hight-10 {
	height: 200rpx;
}

.hight-9 {
	height: 180rpx;
}

.h-item10 {
	height: 10rpx;
}

.h-item20 {
	height: 20rpx;
}

.h-item30 {
	height: 30rpx;
}

.h-item40 {
	height: 40rpx;
}

.h-item50 {
	height: 50rpx;
}

.h-item60 {
	height: 60rpx;
}

.h-item70 {
	height: 70rpx;
}

.h-item80 {
	height: 80rpx;
}

.h-item90 {
	height: 90rpx;
}

.h-item100 {
	height: 100rpx;
}

.h-item120 {
	height: 120rpx;
}

/* 字体 */
.font-mm {
	font-size: 14rpx!important;
}
.font-mm1 {
	font-size: 18rpx!important;
}
.font-mm2 {
	font-size: 20rpx!important;
}
.font {
	font-size: 22rpx!important;
}
.font-sm {
	font-size: 24rpx!important;
}
.font-sm2 {
	font-size: 26rpx!important;
}
.font-sm3 {
	font-size: 28rpx!important;
}

.font-md {
	font-size: 30rpx!important;
}
.font-md2 {
	font-size: 32rpx!important;
}
.font-md3 {
	font-size: 34rpx!important;
}
.font-md4 {
	font-size: 36rpx!important;
}
.font-md5 {
	font-size: 38rpx!important;
}

.font-lg {
	font-size: 40rpx!important;
}
.font-lg2 {
	font-size: 42rpx!important;
}
.font-lg3 {
	font-size: 44rpx!important;
}
.font-lg4 {
	font-size: 46rpx!important;
}
.font-lg5 {
	font-size: 48rpx!important;
}
.font-lg6 {
	font-size: 50rpx!important;
}
.font-lg7 {
	font-size: 52rpx!important;
}
.font-lg8 {
	font-size: 54rpx!important;
}
.font-lg9 {
	font-size: 56rpx!important;
}
.font-lg10 {
	font-size: 58rpx!important;
}
.font-big {
	font-size: 60rpx!important;
}
.font-big2 {
	font-size: 62rpx!important;
}
.font-big3 {
	font-size: 64rpx!important;
}
.font-big4 {
	font-size: 66rpx!important;
}
.font-big5 {
	font-size: 68rpx!important;
}
.font-big6 {
	font-size: 70rpx!important;
}
.font-big7 {
	font-size: 72rpx!important;
}
.font-big8 {
	font-size: 74rpx!important;
}
.font-big9 {
	font-size: 76rpx!important;
}
.font-big10 {
	font-size: 78rpx!important;
}
.font-big11 {
	font-size: 80rpx!important;
}

.font-weight {
	font-weight: bold !important;
}

.font-weight-100 {
	font-weight: 100 !important;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.font-weight-600 {
	font-weight: 600 !important;
}

.font-weight-700 {
	font-weight: 700 !important;
}

.line10 {
	line-height: 10rpx !important;
}

.line20 {
	line-height: 20rpx !important;
}

.line30 {
	line-height: 30rpx !important;
}

.line40 {
	line-height: 40rpx !important;
}

.line50 {
	line-height: 50rpx !important;
}

.line60 {
	line-height: 60rpx !important;
}
.line70 {
	line-height: 70rpx !important;
}
.line80 {
	line-height: 80rpx !important;
}
.line90 {
	line-height: 90rpx !important;
}
.line100 {
	line-height: 100rpx !important;
}
.line-h0 {
	line-height: 0 !important;
}

.line-h {
	line-height: 1 !important;
}

.line-h-sm {
	line-height: 1.2 !important;
}

.line-h-md {
	line-height: 1.5 !important;
}

.line-h-lg {
	line-height: 2 !important;
}

.line-h-big {
	line-height: 3 !important;
}

.line-through {
	text-decoration: line-through;
}

/* #ifndef APP-NVUE */
.text-justify {
	text-align: justify;
}

/* #endif */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* flex布局 */
.flex{
	display: flex;
}
.d-flex {
	display: flex !important;
}

.flex-1 {
	flex: 1 !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row {
	flex-direction: row !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

/* #ifndef APP-NVUE */
.flex-shrink {
	flex-shrink: 0 !important;
}

/* #endif */
.j-start {
	justify-content: flex-start !important;
}

.j-center {
	justify-content: center !important;
}

.j-end {
	justify-content: flex-end !important;
}

.j-sb {
	justify-content: space-between !important;
}

.a-center {
	align-items: center !important;
}

.a-start {
	align-items: flex-start !important;
}

.a-end {
	align-items: flex-end !important;
}

.a-stretch {
	align-items: stretch !important;
}

/* #ifndef APP-NVUE */
.a-self-start {
	align-self: flex-start !important;
}

.a-self-auto {
	align-self: auto !important;
}

.a-self-end {
	align-self: flex-end !important;
}

.a-self-stretch {
	align-self: stretch !important;
}

.a-self-baseline {
	align-self: baseline !important;
}

/* #endif */
/* 向右对齐 */
.flex-right {
	/* #ifndef APP-NVUE */
	margin-left: auto !important;
	/* #endif */
}

/* 向左对齐 */
.flex-left {
	/* #ifndef APP-NVUE */
	margin-right: auto !important;
	/* #endif */
}

/* Border */
.border {
	border-width: 1rpx;
	border-style: solid;
	border-color: #dee2e6;
}
.border-9 {
	border-width: 1rpx!important;
	border-style: solid!important;
	border-color: #999999!important;
}
.border-1 {
	border-width: 1px!important;
	border-style: solid;
	border-color: #dee2e6;
}
.border-111 {
	border-width: 1px!important;
	border-style: solid;
	border-color: #666666;
}
.border-1-1 {
	border-width: 1px!important;
	border-style: solid;
	border-color: #2163E9;
}
.border-1-5 {
	border-width: 1.5px!important;
	border-style: solid;
	border-color: #dee2e6;
}
.border-2 {
	border-width: 2px!important;
	border-style: solid;
	border-color: #dee2e6;
}
.border-3 {
	border-width: 3px!important;
	border-style: solid;
	border-color: #dee2e6;
}
.border-4 {
	border-width: 4px!important;
	border-style: solid;
	border-color: #dee2e6;
}
.border-5 {
	border-width: 5px!important;
	border-style: solid;
	border-color: #dee2e6;
}
.border-6 {
	border-width: 6px!important;
	border-style: solid;
	border-color: #dee2e6;
}
.border-top {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 1rpx;
	border-top-style: solid;
	border-top-color: #263032;
}

.border-right {
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 1rpx;
	border-right-style: solid;
	border-right-color: #dee2e6;
}

.border-bottom {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1rpx;
	border-bottom-style: solid;
	border-bottom-color: #dee2e6;
}
.border-bottom-2 {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 2rpx;
	border-bottom-style: solid;
	border-bottom-color: #dee2e6;
}
.border-bottom-3 {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 3rpx;
	border-bottom-style: solid;
	border-bottom-color: #dee2e6;
}
.border-bottom-31 {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 3rpx;
	border-bottom-style: solid;
	border-bottom-color: #303133;
}
.border-bottom-4 {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 4rpx;
	border-bottom-style: solid;
	border-bottom-color: #dee2e6;
}
.border-left {
	border-top-width: 0;
	border-bottom-width: 0;
	border-right-width: 0;
	border-left-width: 1rpx;
	border-left-style: solid;
	border-left-color: #dee2e6;
}
.border-top-white{
	border-color:transparent!important;
	border-top-color: #f7f7f7!important;
}
.border-top-white2{
	border-color:transparent!important;
	border-top-color: #dee2e6!important;
}
.border-top-black{
	border-color:transparent!important;
	border-top-color: #263032!important;
}
.border-top-black2{
	border-color:transparent!important;
	border-top-color: #212121!important;
}
.border-top-black3{
	border-color:transparent!important;
	border-top-color: #303133!important;
}
.border-bottom-color20{
	border-bottom: 15rpx solid #1A1A1A;
}
.border-bottom-color20-dark{
	border-bottom: 15rpx solid #E6E6E6;
}
.border-top-color20{
	border-top: 15rpx solid #1A1A1A;
}
.border-top-color20-dark{
	border-top: 15rpx solid #E6E6E6;
}
.border-bottom-white{
	border-color:transparent!important;
	border-bottom-color: #f7f7f7!important;
}
.border-bottom-white-border{
	border-bottom: 1px solid #303133 !important;
}
.border-top-white-border{
	border-top: 1px solid #303133 !important;
}
.border-bottom-white-border-s{
	border-bottom: 1px solid #F7F7F7 !important;  
}
.border-bottom-white-border-sss{
	border-bottom: 1px solid #232326 !important;  
}
.border-top-white-border-s{
	border-top: 1px solid #F7F7F7 !important;  
}
.border-bottom-white2{
	border-color:transparent!important;
	border-bottom-color: #dee2e6!important;
}
.border-bottom-black{
	border-color:transparent!important;
	border-bottom-color: #232326!important;
}
.border-bottom-black2{
	border-color:transparent!important;
	border-bottom-color: #212E31!important;
}
.border-bottom-black3{
	border-color:transparent!important;
	border-bottom-color: #f1f1f1!important;
}
.border-bottom-black4{
	border-color:transparent!important;
	border-bottom-color: #303133!important;
}
.border-left-light{
	border-color:transparent!important;
	border-left-color: #e6e6e6!important;
}
.border-left-black{
	border-color:transparent!important;
	border-left-color: #303133!important;
}
.border-right-light{
	border-color:transparent!important;
	border-right-color: #e6e6e6!important;
}
.border-right-black{
	border-color:transparent!important;
	border-right-color: #303133!important;
}
/* 圆角 */
.rounded-0 {
	border-radius: 0!important;
}
.rounded {
	border-radius: 5rpx!important;
}

.rounded20px {
	border-radius: 40rpx!important;
}
.rounded10 {
	border-radius: 10rpx!important;
}
.rounded20 {
	border-radius: 20rpx!important;
}
.rounded30 {
	border-radius: 30rpx!important;
}
.rounded40 {
	border-radius: 40rpx!important;
}
.rounded50 {
	border-radius: 50rpx!important;
}
.rounded60 {
	border-radius: 60rpx!important;
}
.rounded70 {
	border-radius: 70rpx!important;
}
.rounded80 {
	border-radius: 80rpx!important;
}
.rounded90 {
	border-radius: 90rpx!important;
}
.rounded100 {
	border-radius: 100rpx!important;
}
.rounded110 {
	border-radius: 110rpx!important;
}
.rounded120 {
	border-radius: 120rpx!important;
}

.rounded-circle {
	/* #ifdef APP-NVUE */
	border-radius: 100px!important;
	/* #endif */
	/* #ifndef APP-NVUE */
	border-radius: 100%!important;
	/* #endif */
}

.roundedtx10 {
	border-top-left-radius:10rpx!important;
	border-top-right-radius:10rpx!important;
}

.roundedtx20 {
	border-top-left-radius:20rpx!important;
	border-top-right-radius:20rpx!important;
}

.roundedtx30 {
	border-top-left-radius:30rpx!important;
	border-top-right-radius:30rpx!important;
}

.roundedtx40 {
	border-top-left-radius:40rpx!important;
	border-top-right-radius:40rpx!important;
}

.roundedtx50 {
	border-top-left-radius:50rpx!important;
	border-top-right-radius:50rpx!important;
}
.roundedtx60 {
	border-top-left-radius:60rpx!important;
	border-top-right-radius:60rpx!important;
}
.roundedtx70 {
	border-top-left-radius:70rpx!important;
	border-top-right-radius:70rpx!important;
}
.roundedtx80 {
	border-top-left-radius:80rpx!important;
	border-top-right-radius:80rpx!important;
}
.roundedtx90 {
	border-top-left-radius:90rpx!important;
	border-top-right-radius:90rpx!important;
}
.roundedtx100 {
	border-top-left-radius:100rpx!important;
	border-top-right-radius:100rpx!important;
}
.roundedbx10 {
	border-bottom-left-radius:10rpx!important;
	border-bottom-right-radius:10rpx!important;
}
.roundedbx20 {
	border-bottom-left-radius:20rpx!important;
	border-bottom-right-radius:20rpx!important;
}
.roundedbx30 {
	border-bottom-left-radius:30rpx!important;
	border-bottom-right-radius:30rpx!important;
}
.roundedbx40 {
	border-bottom-left-radius:40rpx!important;
	border-bottom-right-radius:40rpx!important;
}
.roundedbx50 {
	border-bottom-left-radius:50rpx!important;
	border-bottom-right-radius:50rpx!important;
}
.roundedbx60 {
	border-bottom-left-radius:60rpx!important;
	border-bottom-right-radius:60rpx!important;
}
.roundedbx70 {
	border-bottom-left-radius:70rpx!important;
	border-bottom-right-radius:70rpx!important;
}
.roundedbx80 {
	border-bottom-left-radius:80rpx!important;
	border-bottom-right-radius:80rpx!important;
}
.roundedbx90 {
	border-bottom-left-radius:90rpx!important;
	border-bottom-right-radius:90rpx!important;
}
.roundedbx100 {
	border-bottom-left-radius:100rpx!important;
	border-bottom-right-radius:100rpx!important;
}
.roundedly10 {
	border-top-left-radius:10rpx!important;
	border-bottom-left-radius:10rpx!important;
}
.roundedly20 {
	border-top-left-radius:20rpx!important;
	border-bottom-left-radius:20rpx!important;
}
.roundedly30 {
	border-top-left-radius:30rpx!important;
	border-bottom-left-radius:30rpx!important;
}
.roundedly40 {
	border-top-left-radius:40rpx!important;
	border-bottom-left-radius:40rpx!important;
}
.roundedly50 {
	border-top-left-radius:50rpx!important;
	border-bottom-left-radius:50rpx!important;
}
.roundedly60 {
	border-top-left-radius:60rpx!important;
	border-bottom-left-radius:60rpx!important;
}
.roundedly70 {
	border-top-left-radius:70rpx!important;
	border-bottom-left-radius:70rpx!important;
}
.roundedly80 {
	border-top-left-radius:80rpx!important;
	border-bottom-left-radius:80rpx!important;
}
.roundedly90 {
	border-top-left-radius:90rpx!important;
	border-bottom-left-radius:90rpx!important;
}
.roundedly100 {
	border-top-left-radius:100rpx!important;
	border-bottom-left-radius:100rpx!important;
}
.roundedry10 {
	border-top-right-radius:10rpx!important;
	border-bottom-right-radius:10rpx!important;
}
.roundedry20 {
	border-top-right-radius:20rpx!important;
	border-bottom-right-radius:20rpx!important;
}
.roundedry30 {
	border-top-right-radius:30rpx!important;
	border-bottom-right-radius:30rpx!important;
}
.roundedry40 {
	border-top-right-radius:40rpx!important;
	border-bottom-right-radius:40rpx!important;
}
.roundedry50 {
	border-top-right-radius:50rpx!important;
	border-bottom-right-radius:50rpx!important;
}
.roundedry60 {
	border-top-right-radius:60rpx!important;
	border-bottom-right-radius:60rpx!important;
}
.roundedry70 {
	border-top-right-radius:70rpx!important;
	border-bottom-right-radius:70rpx!important;
}
.roundedry80 {
	border-top-right-radius:80rpx!important;
	border-bottom-right-radius:80rpx!important;
}
.roundedry90 {
	border-top-right-radius:90rpx!important;
	border-bottom-right-radius:90rpx!important;
}
.roundedry100 {
	border-top-right-radius:100rpx!important;
	border-bottom-right-radius:100rpx!important;
}
.roundedl-z10 {
	border-top-left-radius:10rpx!important;
	border-bottom-right-radius:10rpx!important;
}
.roundedl-z20 {
	border-top-left-radius:20rpx!important;
	border-bottom-right-radius:20rpx!important;
}
.roundedl-z30 {
	border-top-left-radius:30rpx!important;
	border-bottom-right-radius:30rpx!important;
}
.roundedl-z40 {
	border-top-left-radius:40rpx!important;
	border-bottom-right-radius:40rpx!important;
}
.roundedl-z50 {
	border-top-left-radius:50rpx!important;
	border-bottom-right-radius:50rpx!important;
}
.roundedl-z60 {
	border-top-left-radius:60rpx!important;
	border-bottom-right-radius:60rpx!important;
}
.roundedr-z10 {
	border-top-right-radius:10rpx!important;
	border-bottom-left-radius:10rpx!important;
}
.roundedr-z20 {
	border-top-right-radius:20rpx!important;
	border-bottom-left-radius:20rpx!important;
}
.roundedr-z30 {
	border-top-right-radius:30rpx!important;
	border-bottom-left-radius:30rpx!important;
}
.roundedr-z40 {
	border-top-right-radius:40rpx!important;
	border-bottom-left-radius:40rpx!important;
}
.roundedr-z50 {
	border-top-right-radius:50rpx!important;
	border-bottom-left-radius:50rpx!important;
}
.roundedr-z60 {
	border-top-right-radius:60rpx!important;
	border-bottom-left-radius:60rpx!important;
}
.roundedl10 {
	border-top-left-radius:10rpx!important;
	border-bottom-left-radius:10rpx!important;
}
.roundedl20 {
	border-top-left-radius:20rpx!important;
	border-bottom-left-radius:20rpx!important;
}
.roundedl30 {
	border-top-left-radius:30rpx!important;
	border-bottom-left-radius:30rpx!important;
}
.roundedl40 {
	border-top-left-radius:40rpx!important;
	border-bottom-left-radius:40rpx!important;
}
.roundedl50 {
	border-top-left-radius:50rpx!important;
	border-bottom-left-radius:50rpx!important;
}
.roundedl60 {
	border-top-left-radius:60rpx!important;
	border-bottom-left-radius:60rpx!important;
}
.roundedl70 {
	border-top-left-radius:70rpx!important;
	border-bottom-left-radius:70rpx!important;
}
.roundedl80 {
	border-top-left-radius:80rpx!important;
	border-bottom-left-radius:80rpx!important;
}
.roundedl90 {
	border-top-left-radius:90rpx!important;
	border-bottom-left-radius:90rpx!important;
}
.roundedl100 {
	border-top-left-radius:100rpx!important;
	border-bottom-left-radius:100rpx!important;
}
.roundedr10 {
	border-top-right-radius:10rpx!important;
	border-bottom-right-radius:10rpx!important;
}
.roundedr20 {
	border-top-right-radius:20rpx!important;
	border-bottom-right-radius:20rpx!important;
}
.roundedr30 {
	border-top-right-radius:30rpx!important;
	border-bottom-right-radius:30rpx!important;
}
.roundedr40 {
	border-top-right-radius:40rpx!important;
	border-bottom-right-radius:40rpx!important;
}
.roundedr50 {
	border-top-right-radius:50rpx!important;
	border-bottom-right-radius:50rpx!important;
}
.roundedr60 {
	border-top-right-radius:60rpx!important;
	border-bottom-right-radius:60rpx!important;
}
.roundedr70 {
	border-top-right-radius:70rpx!important;
	border-bottom-right-radius:70rpx!important;
}
.roundedr80 {
	border-top-right-radius:80rpx!important;
	border-bottom-right-radius:80rpx!important;
}
.roundedr90 {
	border-top-right-radius:90rpx!important;
	border-bottom-right-radius:90rpx!important;
}
.roundedr100 {
	border-top-right-radius:100rpx!important;
	border-bottom-right-radius:100rpx!important;
}
.roundedl-t10 {
	border-top-left-radius:10rpx!important;
}
.roundedl-t20 {
	border-top-left-radius:20rpx!important;
}
.roundedl-t30 {
	border-top-left-radius:30rpx!important;
}
.roundedl-t40 {
	border-top-left-radius:40rpx!important;
}
.roundedl-t50 {
	border-top-left-radius:50rpx!important;
}
.roundedr-t10 {
	border-top-right-radius:10rpx!important;
}
.roundedr-t20 {
	border-top-right-radius:20rpx!important;
}
.roundedr-t30 {
	border-top-right-radius:30rpx!important;
}
.roundedr-t40 {
	border-top-right-radius:40rpx!important;
}
.roundedr-t50 {
	border-top-right-radius:50rpx!important;
}
.roundedl-b10 {
	border-bottom-left-radius:10rpx!important;
}
.roundedl-b20 {
	border-bottom-left-radius:20rpx!important;
}
.roundedl-b30 {
	border-bottom-left-radius:30rpx!important;
}
.roundedl-b40 {
	border-bottom-left-radius:40rpx!important;
}
.roundedl-b50 {
	border-bottom-left-radius:50rpx!important;
}
.roundedr-b10 {
	border-bottom-right-radius:10rpx!important;
}
.roundedr-b20 {
	border-bottom-right-radius:20rpx!important;
}
.roundedr-b30 {
	border-bottom-right-radius:30rpx!important;
}
.roundedr-b40 {
	border-bottom-right-radius:40rpx!important;
}
.roundedr-b50 {
	border-bottom-right-radius:50rpx!important;
}

/* color */
.text-black {
	color: #000000 !important;
}
.text-black2 {
	color: #808080 !important;
}
.text-black3 {
	color: #282934 !important;
}
.text-black4 {
	color: #142C32 !important;
}
.text-black5 {
	color: #252E35 !important;
}
.text-black6 {
	color: #ababab !important;
}
.text-black7 {
	color: #666666 !important;
}
.text-black8 {
	color: #232323 !important;
}
.text-black9 {
	color: #1a1a1a !important;
}
.text-black10 {
	color: #7b7b7b !important;
}

.text-gray {
	color: #b1b0b1!important;
}
.text-gray2{
	color: #F0EFEF !important;
}
.text-gray3{
	color: #CCCCCC !important;
}
.text-primary {
	color: #007bff !important;
}

.text-secondary {
	color: #6c757d !important;
}

.text-success {
	color: #28a745 !important;
}

.text-green {
	color: #39b54a !important;
}

.text-danger {
	color: #dc3545 !important;
}
.text-danger2 {
	color: #e14f5e !important;
}
.text-danger3 {
	color: #E92121 !important;
}
.text-danger4 {
	color: #FF6666 !important;
}
.text-orange {
	color: #FFC6AC !important;
}
.text-orange2 {
	color: #FCDA98 !important;
}
.text-orange3 {
	color: #EF8A3D !important;
}
.text-orange4 {
	color: #EC541C !important;
}
.text-orangedeep {
	color: #f95b0f !important;
}
.text-orangedeep2 {
	color: #501901 !important;
}
.text-lightorange {
	color: #fff6e3 !important;
}
.text-warning {
	color: #ffc107 !important;
}
.text-warning2 {
	color: #E98C21 !important;
}
.text-yellow {
	color: #fbbd08 !important;
}
.text-yellow2 {
	color: #eccb8b !important;
}
.text-yellow3 {
	color: #fff5e2 !important;
}
.text-info {
	color: #17a2b8 !important;
}

.text-light {
	color: #f8f9fa !important;
}

.text-light2 {
	color: #f5f5f5 !important;
}

.text-light3 {
	color: #f5f6fa !important;
}

.text-light4 {
	color: #f1f1f1 !important;
}
.text-light5 {
	color: #F7F7F7 !important;
}
.text-dark {
	color: #343a40 !important;
}

.text-dark2 {
	color: #9D9D9D !important;
}
.text-dark3 {
	color: #757899 !important;
}
.text-lightdark {
	color: #989eb4 !important;
}
.text-lightdark2 {
	color: #999999 !important;
}
.text-lightdark3 {
	color: #333333 !important;
}
.text-muted {
	color: #6c757d !important;
}
.text-muted2 {
	color: #C6C6C7 !important;
}
.text-muted3 {
	color: #E6E6E6 !important;
}

.text-lightmuted {
	color: #b2b2b2 !important;
}

.text-white {
	color: #ffffff !important;
}

.text-lightbg {
	color: #f5f5f5 !important;
}

.text-lightbg2 {
	color: #f5f6fa !important;
}

.text-blue {
	color: #4BF1DB !important;
}

.text-blue2 {
	color: #00EECE !important;
}


.text-blue3 {
	color: #62DCFA !important;
}
.text-blue4 {
	color: #06B4FD !important;
}
.text-blue5{
	color: #2163E9 !important;
}
.text-blue6{
	color: #B3CCFF !important;
}
.text-blueShadow {
	color: #cfe6ff !important;
}

.text-bluelight {
	color: #e5f7fe !important;
}

.text-bluelight2 {
	color: #f0f8ff !important;
}

.text-deepblue {
	color: #187792 !important;
}
.text-pink {
	color: #e03997 !important;
}
.text-pink2 {
	color: #FF4D76 !important;
}
.text-pink3 {
	color: #FF4DA6 !important;
}
.text-red {
	color: #FF4D4D !important;
}
.text-red2 {
	color: #f44d34!important;
}
.text-red3 {
	color: #DD3D53!important;
}
/* 背景颜色 */
.bg-transparent {
	background-color: transparent !important;
}
.bg-black {
	background-color: #000000 !important;
}
.bg-black2 {
	background-color: #1B191E !important;
}
.bg-black3 {
	background-color: #282934 !important;
}
.bg-black4 {
	background-color: #222026 !important;
}
.bg-black5 {
	background-color: #29272E !important;
}
.bg-black6 {
	background-color: #2D2E3B !important;
}
.bg-black7 {
	background-color: #112227 !important;
}
.bg-black8 {
	background-color: #13252A !important;
}
.bg-black9 {
	background-color: #2B2C2C !important;
}
.bg-black10{
	background-color: #18363D !important;
}
.bg-black11{
	background-color: #666666 !important;
}
.bg-black12{
	background-color: #132327 !important;
}
.bg-black13{
	background-color: #232326 !important;
}
.bg-black14{
	background-color: #18181A !important;
}

.bg-primary {
	background-color: #007bff !important;
}

.bg-secondary {
	background-color: #6c757d !important;
}

.bg-success {
	background-color: #28a745 !important;
}

.bg-green {
	background-color: #39b54a !important;
}

.bg-danger {
	background-color: #dc3545 !important;
}
.bg-danger2 {
	background-color: #e14f5e !important;
}
.bg-danger3{
	background-color: #E92121 !important;
}

.bg-orange {
	background-color: #f37b1d !important;
}
.bg-orange2 {
	background-color: #FCDA98 !important;
}
.bg-orange3 {
	background-color: #FF6666 !important;
}
.bg-orange4 {
	background-color: #FEF3EB !important;
}
.bg-orange5 {
	background-color: #FFE8C6 !important;
}
.bg-orange6 {
	background-color: #FFFBF0 !important;
}
.bg-orangedeep {
	background-color: #f95b0f !important;
}

.bg-warning {
	background-color: #ffc107 !important;
}

.bg-borderColor {
	background-color: #dee2e6 !important
}

.bg-lightorange {
	background-color: #fff6e3 !important;
}

.bg-info {
	background-color: #17a2b8 !important;
}

.bg-light {
	background-color: #f8f9fa !important;
}
.bg-white-mask{
	background-color: rgba(255, 255, 255, 0.2);
}
.bg-black-mask{
	background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-mask2{
	background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-mask3{
	background-color: rgba(0, 0, 0, 0.39);
}
.bg-black-mask4{
	background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-mask55{
	background: #1F1F21;
}
.bg-black-mask55-light{
	background: #181A21;
}
.bg-mask{
	background-color: rgba(0, 0, 0, 0.2);
}
.bg-mask-dark{
	background-color: rgba(0, 0, 0, 0.8);
}
.bg-gray {
	background-color: #b1b0b1 !important;
}
.bg-gray2 {
	background-color: #878B91 !important;
}
.bg-dark {
	background-color: #343a40 !important;
}

.bg-dark2 {
	background-color: #9d9d9d !important;
}
.bg-dark3 {
	background-color: #202020 !important;
}
.bg-dark4 {
	background-color: #3C3D40 !important;
}
.bg-dark5 {
	background-color: #35353F !important;
}
.bg-dark6 {
	background-color: #40404D !important;
}
.bg-dark7 {
	background-color: #181C25 !important;
}
.bg-lightdark {
	background-color: #989eb4 !important;
}

.bg-muted {
	background-color: #6c757d !important;
}
.bg-muted2{
	background-color: #232325 !important;
}
.bg-muted3 {
	background-color: #E6E6E6 !important;
}
.bg-muted4 {
	background-color: #2A2A2E !important;
}
.bg-muted5 {
	background-color: #303133 !important;
}
.bg-muted6 {
	background-color: #23252D !important;
}
.bg-muted7 {
	background-color: #2A2427 !important;
}
.bg-lightmuted {
	background-color: #b2b2b2 !important;
}
.bg-lightmuted22 {
	background-color: #5E5E5F !important;
}

.bg-white {
	background-color: #ffffff !important;
}
.bg-white2 {
	background-color: rgba(255,255,255,0.3) !important;
}
.bg-white3 {
	background-color: rgba(255,255,255,0.4) !important;
}
.bg-lightbg {
	background-color: #f1f6f8 !important;
}

.bg-lightbg2 {
	background-color: #f5f6fa !important;
}
.bg-lightbg3 {
	background-color: #f7f7f7 !important;
}
.bg-lightbg4 {
	background-color: #E7EEF1 !important;
}

.bg-light-secondary {
	background-color: #F1F1F1 !important;
}

.bg-blue {
	background-color: #64aeff !important;
}

.bg-blue2 {
	background-color: #5ab6d0 !important;
}
.bg-blue3 {
	background-color: #4BF1DB !important;
}
.bg-blue4 {
	background-color: #62DCFA !important;
}
.bg-blue5 {
	background-color: #2163E9 !important;
}
.bg-blue5-line {
	background: linear-gradient(226deg, #E921B8 0%, #2163E9 100%);
}
.bg-blue6 {
	background-color: #112930 !important;
}
.bg-blue7 {
	background-color: #10B1D8 !important;
}
.bg-blue8 {
	background-color: #172A2F !important;
}
.bg-blue9 {
	background-color: #2163E9 !important;
}
.bg-blue10 {
	background-color: #222630 !important;
}
.bg-blue11 {
	background-color: #F8FAFF !important;
}

.bg-blueShadow {
	background-color: #cfe6ff !important;
}

.bg-bluelight {
	background-color: #EBFDFF !important;
}

.bg-bluelight2 {
	background-color: #F6FFFD !important;
}

.bg-bluelight3{
	background-color: #e4f1ff !important;
}
.bg-bluelight4{
	background-color: #F2F6FF !important;
}
.bg-bluelight5{
	background-color: #F3F7FE !important;
}
.bg-deepblue {
	background-color: #187792 !important;
}

.bg-red {
	background-color: #e54d42 !important;
}
.bg-red2 {
	background-color: rgba(199,19,19,0.3) !important;
}
.bg-red3 {
	background-color: #FF4D4D !important;
}
.bg-red4 {
	background-color: #FFF9F9 !important;
}
.bg-yellow {
	background-color: #fbbd08 !important;
}
.bg-yellow2 {
	background-color: #eccb8b !important;
}
.bg-yellow3 {
	background-color: #fff5e2 !important;
}
.bg-olive {
	background-color: #8dc63f !important;
}

.bg-green {
	background-color: #39b54a !important;
}

.bg-cyan {
	background-color: #1cbbb4 !important;
}

.bg-purple {
	background-color: #6739b6 !important;
}

.bg-mauve {
	background-color: #9c26b0 !important;
}
.bg-lightpink{
	background-color: rgba(255,77,125,0.2)!important;
}
.bg-pink {
	background-color: #e03997 !important;
}
.bg-pink2 {
	background-color: #FF4D76 !important;
}
.bg-pink3 {
	background-color: #9f3f55 !important;
}
.bg-brown {
	background-color: #a5673f !important;
}

.bg-grey {
	background-color: #8799a3 !important;
}

.bg-gray {
	background-color: #f0f0f0 !important;
}

.bg-white {
	background-color: #ffffff !important;
}

.bg-white-border {
	background-color: #ffffff;
	color: #f37b1d;
	border: 1px solid #f37b1d;
}

.bg-gray-border {
	background-color: #f0f0f0;
	color: #333333;
	border: 1px solid #f0f0f0;
}

/* nvue 渐变颜色不支持角度以及百分号 以下不兼容nvue*/

.bg-homeblue {
	background-image: linear-gradient(95deg, #cfe6ff, #e5f7fe) !important;
}
.bg-gradual-light {
	background-image: linear-gradient(90deg,  #FFFFFF 0%,#999999 100%);
}
.bg-gradual-light2 {
	background-image: linear-gradient(90deg, #999999 0%,#FFFFFF 100%);;
}
.bg-gradual-black {
	background-image: linear-gradient(90deg, #101527, #262D46)!important;
}
.bg-gradual-black2 {
	background-image: linear-gradient(90deg, rgba(102,102,102,0) 0%,rgba(102,102,102,1) 100%);
}
.bg-gradual-black3 {
	background-image: linear-gradient(90deg, rgba(102,102,102,1) 0%,rgba(102,102,102,0) 100%);
}
.bg-gradual-black4 {
	background-image: linear-gradient(180deg, rgba(233,233,233,0.1) 0%,rgba(68,68,68,0.4) 100%)!important;
}
.bg-gradual-red {
	background-image: linear-gradient(45deg, #f43f3b, #ec008c)!important;
}
.bg-gradual-red2 {
	background-image: linear-gradient(45deg, #FF4D4D, #FE4DD1)!important;
}
.bg-gradual-red3 {
	/* #ifdef APP-NVUE */
	background-image: linear-gradient(to right, #ef8a3d, #d61d0d)!important;
	/* #endif */
	/* #ifndef APP-NVUE */
	background-image: linear-gradient(45deg, #ef8a3d, #d61d0d)!important;
	/* #endif */
}
.bg-gradual-lightorange {
	background-image: linear-gradient(180deg, #ffbca2, #ffffff)!important;
}

.bg-gradual-lightblue {
	background-image: linear-gradient(40deg, #6CD5F6, #dcfbff)!important;
}

.bg-gradual-orange {
	background-image: linear-gradient(45deg, #ff9700, #ed1c24)!important;
}

.bg-gradual-orange2 {
	background-image: linear-gradient(136deg, #E9C821, #E99221)!important;
}
.bg-gradual-orange3 {
	background-image: linear-gradient(180deg, #FFFBF0, #FDEAC0) !important;
}
.bg-gradual-orange4 {
	background-image: linear-gradient(137deg, #FFAA4C, #FD6033) !important;
}
.bg-gradual-orange5 {
	background-image: linear-gradient(180deg, #FCE9CB, #E8AD56) !important;
}

.bg-gradual-green {
	background-image: linear-gradient(45deg, #39b54a, #8dc63f)!important;
}

.bg-gradual-bluegreen {
	background-image: linear-gradient(45deg, #6fafe6, #8dc63f)!important;
}

.bg-gradual-blue {
	background-image: linear-gradient(92deg, #2bc0e4 0%, #1c92d2 37%, #1c92d2 81%, #2bc0e4 100%)!important;
}
.bg-gradual-blue2 {
	background-image: linear-gradient(45deg, #A2E9FB 0%, #4F88FC 100%)!important;
}
.bg-gradual-blue3 {
	background-image: linear-gradient(180deg, #265761 0%, #152428 100%)!important;
}
.bg-gradual-blue4 {
	background-image: linear-gradient(to right, #cf86f8, #b59bf9, #9daaf8, #8bb9f8, #85c8f7, #88d8f4)!important;
}
.bg-gradual-blue5 {
	background-image: linear-gradient(136deg, rgb(33, 178, 233), rgb(33, 99, 233));
}
.bg-gradual-blue6 {
	background-image: linear-gradient(90deg, #2163E9 0%, #ED49C5 100%);
}
.bg-gradual-blue7 {
	background-image: linear-gradient(139deg, #2163E9 0%, #E921B8 100%);
}
.bg-gradual-blue8 {
	background-image: linear-gradient(90deg,  #FFFFFF 0%,#2163E9 40%,#E921B8 100%);
}
.bg-gradual-blue9 {
	background-image: linear-gradient(90deg,  #E921B8 0%,#2163E9 40%,#FFFFFF 100%);
}
.bg-gradual-blue10 {
	background-image: linear-gradient(90deg,  #18181a 0%, #2163E9 40%,#E921B8 100%);
}
.bg-gradual-blue11 {
	background-image: linear-gradient(90deg,  #E921B8 0%, #2163E9 40%,#18181a 100%);
}
.bg-gradual-bluelight {
	background-image: linear-gradient(92deg, #a2ecf5 0%, #57caea 37%, #72dae6 81%, #b7f2f9 100%)!important;
}

.bg-gradual-purple {
	background-image: linear-gradient(45deg, #9000ff, #5e00ff)!important;
}

.bg-gradual-pink {
	background-image: linear-gradient(45deg, #ec008c, #6739b6)!important;
}

.bg-gradual-blue {
	background-image: linear-gradient(45deg, #5fb0ff, #1cbbb4)!important;
}
.bg-gradual-gray {
	background-image: linear-gradient(45deg, #ada996, #dbdbdb)!important;
}

/* nvue 渐变颜色不支持角度以及百分号 以下兼容nvue*/
.bg-gradual-blue-n{
	background-image: linear-gradient(to right,#66C2EA, #4BF1DB);
}
.bg-gradual-blue2-n{
	background-image: linear-gradient(to right,#204DED, #25C8FF);
}
.bg-gradual-blue3-n{
	background-image: linear-gradient(to bottom, #E2FEFF, #ffffff);
}
.bg-gradual-blue4-n{
	background-image: linear-gradient(to bottom, #E2FEFF, #f1f6f8);
}
.bg-gradual-orange-n{
	background-image: linear-gradient(to right, #ED7B3C, #FF566C);
}
.bg-gradual-orange2-n{
	background-image: linear-gradient(to right, #FDA54A, #F1624B);
}
.bg-gradual-orange3-n{
	background-image: linear-gradient(to bottom, #FE962B, #F56A46);
}
.bg-gradual-orange4-n{
	background-image: linear-gradient(to right, #FFA216, #ED7B3C);
}
.bg-gradual-orange5-n{
	background-image: linear-gradient(to right, #FF566C, #ED7B3C);
}
.bg-gradual-pink-n{
	background-image: linear-gradient(to right, #FF4DA6, #FF4D76);
}
.bg-gradual-gray-n {
	background-image: linear-gradient(to right, #ada996, #dbdbdb);
}
.bg-gradual-purple-n {
	background-image: linear-gradient(to right, #7B66EA, #4B6CF1);
}
.bg-gradual-white-n {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(241, 246, 248,1));
}
.bg-PiggyPink {
	background-image: linear-gradient(to right, #ee9ca7, #ffdde1);
}

.bg-Margo {
	background-image: linear-gradient(to right, #ffefba, #fefefe);
}

.bg-EvenNight {
	background-image: linear-gradient(to right, #005aa7, #fffde4);
}

.bg-RelaxRed {
	background-image: linear-gradient(to right, #fffbd5, #b20a2c);
}

.bg-Delicate {
	background-image: linear-gradient(to right, #d3cce3, #e9e4f0);
}

.bg-PinkFlavour {
	background-image: linear-gradient(to right, #800080, #ffc0cb);
}

.bg-Dull {
	background-image: linear-gradient(to right, #c9d6ff, #e2e2e2);
}

.bg-BrokenHeart {
	background-image: linear-gradient(to right, #d9a7c7, #fffcdc);
}

.bg-Telegram {
	background-image: linear-gradient(to right, #1c92d2, #f2fcfe);
}

.bg-Compare {
	background-image: linear-gradient(to right, #ef3b36, #ffffff);
}

.bg-Cinnamit {
	background-image: linear-gradient(to right, #4ac29a, #bdfff3);
}

.bg-Lies {
	background-image: linear-gradient(to right, #f0f2f0, #000c40);
}

.bg-Jaipur {
	background-image: linear-gradient(to right, #dbe6f6, #c5796d);
}

.bg-RosePink {
	background-image: linear-gradient(to right, #f4c4f3, #fc67fa);
}

.bg-Chrysanthemum {
	background-image: linear-gradient(to right, #fffc00, #ffffff);
}

.bg-Limeade {
	background-image: linear-gradient(to right, #a1ffc4, #faffd1);
}

.bg-Dusk {
	background-image: linear-gradient(to right, #fceabb, #f8b500);
}

.bg-PurpleWhite {
	background-image: linear-gradient(to right, #ba5370, #f4e2d8);
}

.bg-GraySky {
	background-image: linear-gradient(to right, #e0eafc, #cfdef3);
}

.bg-Piglet {
	background-image: linear-gradient(to right, #ee9ca7, #ffdde1);
}

.bg-Portrait {
	background-image: linear-gradient(to right, #8e9eab, #eef2f3);
}

.bg-Metallic {
	background-image: linear-gradient(to right, #abbaab, #ffffff);
}

.bg-Friday {
	background-image: linear-gradient(to right, #83a4d4, #9fdce0);
}

.bg-Friday2 {
	background-image: linear-gradient(to right, #83a4d4, #88b4b7);
}

.bg-Cherry {
	background-image: linear-gradient(to right, #fbd3e9, #bd377d);
}

.bg-Ash {
	background-image: linear-gradient(to right, #606c88, #3f4c6b);
}

.bg-Virgin {
	background-image: linear-gradient(to right, #c9ffbf, #ffafbd);
}

.bg-Earthly {
	background-image: linear-gradient(to right, #649173, #dbd5a4);
}

.bg-DirtyFog {
	background-image: linear-gradient(to right, #b993d6, #8ca6db);
}

.bg-Strain {
	background-image: linear-gradient(to right, #870000, #190a05);
}

.bg-Reef {
	background-image: linear-gradient(to right, #00d2ff, #3a7bd5);
}

.bg-Candy {
	background-image: linear-gradient(to right, #d3959b, #bfe6ba);
}

.bg-winter {
	background-image: linear-gradient(to right, #e6dada, #274046);
}

.bg-Almost {
	background-image: linear-gradient(to right, #ddd6f3, #faaca8);
}

.bg-Meadow {
	background-image: linear-gradient(to right, #215f00, #e4e4d9);
}

.bg-Jonquil {
	background-image: linear-gradient(to right, #ffeeee, #ddefbb);
}

.bg-Moonrise {
	background-image: linear-gradient(to right, #dae2f8, #d6a4a4);
}

.bg-Peach {
	background-image: linear-gradient(to right, #ed4264, #ffedbc);
}

.bg-Mineral {
	background-image: linear-gradient(to right, #2bc0e4, #eaecc6);
}
.bg-Noon {
	background-image: linear-gradient(to right, #ff6e7f, #bfe9ff);
}

.bg-Sunny {
	background-image: linear-gradient(to right, #ede573, #e1f5c4);
}

.bg-MistPurple {
	background-image: linear-gradient(to right, #9796f0, #fbc7d4);
}

.bg-Cheer {
	background-image: linear-gradient(to right, #556270, #ff6b6b);
}

.bg-GradeGrey {
	background-image: linear-gradient(to right, #bdc3c7, #2c3e50);
}

.bg-Amazing {
	background-image: linear-gradient(to right, #ff0099, #d18fb9);
}

.bg-Lust {
	background-image: linear-gradient(to right, #4e4e4e, #dd1818);
}

.bg-Ice {
	background-image: linear-gradient(to right, #c0c0aa, #1cefff);
}

.bg-Bright {
	background-image: linear-gradient(to right, #00d2ff, #928dab);
}

.bg-GreenJade {
	background-image: linear-gradient(to right, #808080, #3fada8);
}

.bg-Lost {
	background-image: linear-gradient(to right, #5d4157, #a8caba);
}

.bg-Sirius {
	background-image: linear-gradient(to right, #efefbb, #d4d3dd);
}

.bg-Azure {
	background-image: linear-gradient(to right, #ef32d9, #89fffd);
}

.bg-Alihossein {
	background-image: linear-gradient(to right, #f7ff00, #db36a7);
}

.bg-Timber {
	background-image: linear-gradient(to right, #fc00ff, #00dbde);
}

.bg-Sublime {
	background-image: linear-gradient(to right, #fc5c7d, #6a82fb);
}

.bg-BlueSky {
	background-image: linear-gradient(to right, #56ccf2, #2f80ed);
}

.bg-BlueLagoon {
	background-image: linear-gradient(to right, #43c6ac, #191654);
}
.bg-Nepal {
	background-image: linear-gradient(to right, #de6161, #2657eb);
}

.bg-Viking {
	background-image: linear-gradient(to right, #5614b0, #dbd56c);
}

.bg-River {
	background-image: linear-gradient(to right, #43cea2, #185a9d);
}

.bg-Windy {
	background-image: linear-gradient(to right, #acb6e5, #86fde8);
}

.bg-Summer {
	background-image: linear-gradient(to right, #a8ff78, #78ffd6);
}

.bg-Mini {
	background-image: linear-gradient(to right, #30e8bf, #ff8235);
}

.bg-Fun {
	background-image: linear-gradient(to right, #00c3ff, #ffff1c);
}

.bg-Ali {
	background-image: linear-gradient(to right, #ff4b1f, #1fddff);
}

/* 间距 */
.m-0 {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.m {
	margin-left: 5rpx;
	margin-right: 5rpx;
	margin-top: 5rpx;
	margin-bottom: 5rpx;
}

.m-1 {
	margin-left: 10rpx;
	margin-right: 10rpx;
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.m-2 {
	margin-left: 20rpx;
	margin-right: 20rpx;
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.m-3 {
	margin-left: 30rpx;
	margin-right: 30rpx;
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.m-4 {
	margin-left: 40rpx;
	margin-right: 40rpx;
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.m-5 {
	margin-left: 50rpx;
	margin-right: 50rpx;
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}

.mx-0 {
	margin-left: 0;
	margin-right: 0;
}

.mx {
	margin-left: 5rpx;
	margin-right: 5rpx;
}

.mx-1 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.mx-2 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mx-3 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.mx-4 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.mx-5 {
	margin-left: 50rpx;
	margin-right: 50rpx;
}
.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.my {
	margin-top: 5rpx;
	margin-bottom: 5rpx;
}

.my-1 {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.my-2 {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.my-3 {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.my-4 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.my-5 {
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}

.mt-0 {
	margin-top: 0;
}

.mt {
	margin-top: 5rpx;
}

.mt-auto {
	/* #ifndef APP-NVUE */
	margin-top: auto;
	/* #endif */
}

.mt-1 {
	margin-top: 10rpx;
}
.mt-1-6 {
	margin-top: 16rpx;
}
.mt-2 {
	margin-top: 20rpx;
}

.mt-3 {
	margin-top: 30rpx;
}

.mt-4 {
	margin-top: 40rpx;
}

.mt-5 {
	margin-top: 50rpx;
}

.mb-0 {
	margin-bottom: 0;
}

.mb {
	margin-bottom: 5rpx;
}

.mb-auto {
	/* #ifndef APP-NVUE */
	margin-bottom: auto;
	/* #endif */
}

.mb-1 {
	margin-bottom: 10rpx;
}

.mb-1-5 {
	margin-bottom: 16rpx;
}

.mb-2 {
	margin-bottom: 20rpx;
}

.mb-3 {
	margin-bottom: 30rpx;
}

.mb-4 {
	margin-bottom: 40rpx;
}

.mb-5 {
	margin-bottom: 50rpx;
}

.ml-0 {
	margin-left: 0;
}

.ml {
	margin-left: 5rpx;
}

.ml-auto {
	/* #ifndef APP-NVUE */
	margin-left: auto;
	/* #endif */
}

.ml-1 {
	margin-left: 10rpx;
}

.ml-15 {
	margin-left: 15rpx;
}

.ml-2 {
	margin-left: 20rpx;
}

.ml-3 {
	margin-left: 30rpx;
}

.ml-4 {
	margin-left: 40rpx;
}

.ml-5 {
	margin-left: 50rpx;
}
.ml-6 {
	margin-left: 60rpx;
}
.ml-7 {
	margin-left: 70rpx;
}
.ml-8 {
	margin-left: 80rpx;
}
.ml-9 {
	margin-left: 90rpx;
}
.ml-10 {
	margin-left: 100rpx;
}
.mr-0 {
	margin-right: 0;
}

.mr {
	margin-right: 5rpx;
}

.mr-1 {
	margin-right: 10rpx;
}

.mr-2 {
	margin-right: 20rpx;
}

.mr-3 {
	margin-right: 30rpx;
}

.mr-4 {
	margin-right: 40rpx;
}

.mr-5 {
	margin-right: 50rpx;
}

.p-0 {
	padding-left: 0!important;
	padding-right: 0!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.p {
	padding-left: 5rpx!important;
	padding-right: 5rpx!important;
	padding-top: 5rpx!important;
	padding-bottom: 5rpx!important;
}

.p-1 {
	padding-left: 10rpx!important;
	padding-right: 10rpx!important;
	padding-top: 10rpx!important;
	padding-bottom: 10rpx!important;
}

.p-2 {
	padding-left: 20rpx!important;
	padding-right: 20rpx!important;
	padding-top: 20rpx!important;
	padding-bottom: 20rpx!important;
}

.p-3 {
	padding-left: 30rpx!important;
	padding-right: 30rpx!important;
	padding-top: 30rpx!important;
	padding-bottom: 30rpx!important;
}

.p-4 {
	padding-left: 40rpx!important;
	padding-right: 40rpx!important;
	padding-top: 40rpx!important;
	padding-bottom: 40rpx!important;
}

.p-5 {
	padding-left: 50rpx!important;
	padding-right: 50rpx!important;
	padding-top: 50rpx!important;
	padding-bottom: 50rpx!important;
}

.px-0 {
	padding-left: 0!important;
	padding-right: 0!important;
}

.px {
	padding-left: 5rpx!important;
	padding-right: 5rpx!important;
}

.px-1 {
	padding-left: 10rpx!important;
	padding-right: 10rpx!important;
}

.px-2 {
	padding-left: 20rpx!important;
	padding-right: 20rpx!important;
}

.px-3 {
	padding-left: 30rpx!important;
	padding-right: 30rpx!important;
}

.px-4 {
	padding-left: 40rpx!important;
	padding-right: 40rpx!important;
}

.px-5 {
	padding-left: 50rpx!important;
	padding-right: 50rpx!important;
}
.px-6 {
	padding-left: 60rpx!important;
	padding-right: 60rpx!important;
}
.px-7 {
	padding-left: 70rpx!important;
	padding-right: 70rpx!important;
}
.px-8 {
	padding-left: 80rpx!important;
	padding-right: 80rpx!important;
}
.px-9 {
	padding-left: 90rpx!important;
	padding-right: 90rpx!important;
}
.px-10 {
	padding-left: 100rpx!important;
	padding-right: 100rpx!important;
}
.px1 {
	padding-left: 2%!important;
	padding-right: 2%!important;
}

.px2 {
	padding-left: 4%!important;
	padding-right: 4%!important;
}

.px3 {
	padding-left: 6%!important;
	padding-right: 6%!important;
}

.py-0 {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.py {
	padding-top: 5rpx!important;
	padding-bottom: 5rpx!important;
}

.py-1 {
	padding-top: 10rpx!important;
	padding-bottom: 10rpx!important;
}

.py-2 {
	padding-top: 20rpx!important;
	padding-bottom: 20rpx!important;
}

.py-3 {
	padding-top: 30rpx!important;
	padding-bottom: 30rpx!important;
}

.py-4 {
	padding-top: 40rpx!important;
	padding-bottom: 40rpx!important;
}

.py-5 {
	padding-top: 50rpx!important;
	padding-bottom: 50rpx!important;
}
.py-6 {
	padding-top: 60rpx!important;
	padding-bottom: 60rpx!important;
}
.pt-0 {
	padding-top: 0!important;
}

.pt {
	padding-top: 5rpx!important;
}

.pt-1 {
	padding-top: 10rpx!important;
}

.pt-1-5 {
	padding-top: 15rpx!important;
}

.pt-2 {
	padding-top: 20rpx!important;
}

.pt-2-5 {
	padding-top: 25rpx!important;
}

.pt-3 {
	padding-top: 30rpx!important;
}

.pt-3-5 {
	padding-top: 35rpx!important;
}

.pt-4 {
	padding-top: 40rpx!important;
}

.pt-4-5 {
	padding-top: 45rpx!important;
}

.pt-5 {
	padding-top: 50rpx!important;
}
.pt-6 {
	padding-top: 60rpx!important;
}
.pt-7 {
	padding-top: 70rpx!important;
}
.pt-8 {
	padding-top: 80rpx!important;
}
.pt-9 {
	padding-top: 90rpx!important;
}
.pt-10 {
	padding-top: 100rpx!important;
}
.pb-0 {
	padding-bottom: 0!important;
}

.pb-05 {
	padding-bottom: 1rpx!important;
}

.pb {
	padding-bottom: 5rpx!important;
}

.pb-1 {
	padding-bottom: 10rpx!important;
}

.pb-1-5 {
	padding-bottom: 15rpx!important;
}

.pb-2 {
	padding-bottom: 20rpx!important;
}

.pb-2-5 {
	padding-bottom: 25rpx!important;
}

.pb-3 {
	padding-bottom: 30rpx!important;
}

.pb-3-5 {
	padding-bottom: 35rpx!important;
}

.pb-4 {
	padding-bottom: 40rpx!important;
}

.pb-4-5 {
	padding-bottom: 45rpx!important;
}

.pb-5 {
	padding-bottom: 50rpx!important;
}
.pb-6 {
	padding-bottom: 60rpx!important;
}
.pb-7 {
	padding-bottom: 70rpx!important;
}
.pb-8 {
	padding-bottom: 80rpx!important;
}
.pb-9 {
	padding-bottom: 90rpx!important;
}
.pb-10 {
	padding-bottom: 100rpx!important;
}
.pl-0 {
	padding-left: 0!important;
}

.pl-05 {
	padding-left: 1rpx!important;
}

.pl {
	padding-left: 5rpx!important;
}

.pl-1 {
	padding-left: 10rpx!important;
}

.pl-2 {
	padding-left: 20rpx!important;
}

.pl-3 {
	padding-left: 30rpx!important;
}

.pl-4 {
	padding-left: 40rpx!important;
}

.pl-5 {
	padding-left: 50rpx!important;
}

.pr-0 {
	padding-right: 0!important;
}

.pr {
	padding-right: 5rpx!important;
}
.pr-05 {
	padding-right: 1rpx!important;
}
.pr-1 {
	padding-right: 10rpx!important;
}

.pr-2 {
	padding-right: 20rpx!important;
}

.pr-3 {
	padding-right: 30rpx!important;
}

.pr-4 {
	padding-right: 40rpx!important;
}

.pr-5 {
	padding-right: 50rpx!important;
}

/* 文本缩进 */
/* #ifndef APP-NVUE */
.text-indent {
	text-indent: 4rpx;
}
.text-indent5 {
	text-indent: 5rpx;
}

.text-indent10 {
	text-indent: 10rpx;
}

.text-indent20 {
	text-indent: 20rpx;
}
.text-indent30 {
	text-indent: 30rpx;
}
.text-indent40 {
	text-indent: 40rpx;
}
.text-indent50 {
	text-indent: 50rpx;
}
.text-indent60 {
	text-indent: 60rpx;
}
/* #endif */
/* #ifndef APP-PLUS-NVUE */
.m-auto {
	margin: auto;
}
.mt-auto {
	margin-top: auto;
}
.ml-auto {
	margin-left: auto;
}
.mr-auto {
	margin-right: auto;
}
.mb-auto {
	margin-bottom: auto;
}
.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
/* #endif */
.overhide {
	overflow: hidden;
}
/* #ifndef APP-NVUE */
.overyhide {
	overflow-y: hidden;
}
.overxhide {
	overflow-x: hidden;
}
.overflowyauto {
	overflow-y: auto;
}
.overflowxauto {
	overflow-x: auto;
}
/* #endif */
/* 居中 */
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}